<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-08-28 09:51:46
 * @LastEditTime: 2019-08-31 16:02:01
 * @LastEditors: Please set LastEditors
 -->
<template>
  <div class="app">
      <div class="dataList" style="width:300px">
        <el-input placeholder="输入关键字进行过滤"></el-input>
        <!-- <div v-for=" (item,i) in dataList" @click="removeData(i)">
       {{item}}
       </div> -->
        <div>
          <ul>
            <li class="flex-ju-al-between" v-for=" (item,i) in dataList">
              <span>{{item}}</span>
              <i class="el-icon-remove color-0C66FF" @click="removeData(i)"></i>
            </li>
          </ul>
        </div>
      </div>
  </div>
</template>
<script>
export default {
    props:['dataList'],
  watch: {
    filterText(val) {
      this.$refs.tree.filter(val);
    }
  },
  data() {
    return {
     
    };
  },
  created() {},
  methods: {
      removeData(index){
          this.$emit('removeIndexDataChild',index);
      }
  }
};
</script>
<style>
.border-right-e8 {
    border-right: 1px solid #E8E8E8;
}

.color-0C66FF {
    color: #0C66FF;
}
</style>